

// 导入 react 基础库，React 的核心模块
import React, { Component } from 'react';
// ReactDOM 关于 React 处理 DOM 用的  D document  Oobject  Mmodel
import ReactDOM from 'react-dom/client';


const root = ReactDOM.createRoot(
  // 获取 id 为 root 的标签
  document.getElementById('root') as HTMLElement
);

// Component 是 react 中组件的基类
class App extends Component {
  // 类组件中必须要有一个 render，render 是渲染函数和 ets 中的 build 类似
  render() {
    return <>
      <h1>你好世界</h1>
    </>
  }
}


// 入口的根元素渲染 app 组件
root.render(
  <App />
);